/*一、头部*/
/* 1、默认隐藏子菜单
 * 2、鼠标移入：显示当前子菜单
 * 3、鼠标移出：隐藏子菜单
 */
// 1)获取4个菜单（li）对象
var menu = $('#header #example-navbar-collapse li.menu');
// 2) 获取4个子菜单对象
var submenu = $('#header #example-navbar-collapse li.menu ul.wrap');
// 3)默认隐藏子菜单
submenu.css('display', 'none');
// 4)鼠标移入：显示当前子菜单(其他子菜单隐藏)
menu.mouseover(
	function() {
		// 当前显示（向下滑动显示）
		$(this).find('.wrap').slideDown();
		// 其他隐藏
		$(this).siblings().find('.wrap').css('display', 'none');
	}
);
// 5) 鼠标移出：隐藏子菜单
menu.mouseout(
	function() {
		submenu.css('display', 'none');
	}
);

/*四、我们的成员*/
/* 1、鼠标移入照片上，出现个人座右铭
   2、鼠标移出照片，隐藏个人座右铭
   3、每隔1秒，随机显示另外3位成员信息：
      计时器重复执行的函数：随机产生3个学生id，将页面是的照片，座右铭，介绍都替换成该学生
*/
var div = $('.our-member .data-item div');
var p = $('.our-member .data-item p');
// 定义计时器
var timer_member = setInterval(fun_member, 1000);

// 鼠标移入div：让对应的p出现, 取消计时器
div.mouseover(
	function() {
		$(this).siblings('p').css('display', 'block');
		// 取消计时器
		clearInterval(timer_member);
	}
);
// 移出：所有的p都隐藏，恢复计时器
div.mouseout(
	function() {
		p.css('display', 'none');
		// 恢复计时器
		timer_member = setInterval(fun_member, 1000);
	}
);

// 创建学生对象


// 定义计数器要执行的函数
function fun_member() {
	//	console.log("123");
	//随机产生3个学生id，将页面是的照片，座右铭，介绍都替换成该学生
	/* 1、创建学生对象 （模板，new 10个学生）
	   2、创建数组：每一个元素就是学生对象
	   3、循环（3次）
	      1）产生一个随机数
	      2）获取数组相应的index(随机数):照片、座右铭、介绍
	      3）替换页面上相应的显示*/
	
}